<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>{$web.name}-{$find.name}</title>
<meta name="keywords" content="{$web.keywords}">
<meta name="description" content="{$web.info}">
<meta name="author" content="www.adminbuy.cn k623" />
<meta http-equiv="X-Frame-Options" content="deny">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=5, viewport-fit=cover" />
<meta name="format-detection" content="telephone=no" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<link rel="stylesheet" href="/static/css1/vendor/bootstrap.min.css">
    <!-- Icon Font CSS -->
    <link rel="stylesheet" href="/static/css1/vendor/font-awesome.css">
    <link rel="stylesheet" href="/static/css1/vendor/linearicons.css">
    <link rel="stylesheet" href="/static/css1/vendor/themify-icons.css">
    <!-- Others CSS -->
    <link rel="stylesheet" href="/static/css1/plugins/owl-carousel.css">
    <link rel="stylesheet" href="/static/css1/plugins/slick.css">
    <link rel="stylesheet" href="/static/css1/plugins/animate.css">
    <link rel="stylesheet" href="/static/css1/plugins/jquery.mb.ytplayer.min.css">
    <link rel="stylesheet" href="/static/css1/plugins/magnific-popup.css">
    <link rel="stylesheet" href="/static/css1/plugins/jarallax.css">
    <link rel="stylesheet" href="/static/css1/plugins/jquery-ui.css">
    <link rel="stylesheet" href="/static/css1/plugins/easyzoom.css">
    <link rel="stylesheet" href="/static/css1/style.css">
</head>
<body class="home">
{include file="/index/head"}
<div class="main-wrapper">
            <div class="breadcrumb-area section-padding-1 breadcrumb-ptb-1" style="margin-top: 50px;">
                <div class="container">
                    <div class="breadcrumb-content text-left">
                        <div class="breadcrumb-title">
                            <p>Shop Fullwidth</p>
                            <h2>Shop Fullwidth</h2>
                        </div>
                    </div>
                </div>
            </div>
            <div class="shop-area section-padding-1 pb-120">
                <div class="container">
                    <div class="shop-top-bar">
                        <div class="shop-top-bar-left">
                            <div class="shop-page-list">
                                <ul>
                                    <li>Show</li>
                                    <li class="active"><a href="#">9</a> /</li>
                                    <li><a href="#">12</a> / </li>
                                    <li><a href="#">18</a> / </li>
                                    <li><a href="#">24</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="shop-top-bar-right">
                            <div class="shop-short-by ml-40">
                                <span>Default sorting <i class="fa fa-angle-down angle-down"></i></span>
                            </div>
                            <div class="shop-filter ml-25">
                                <a class="shop-filter-active" href="#">Filters <i class="fa fa-angle-down angle-down"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="product-filter-wrapper">
                        <div class="row">
                            <!-- Product Filter -->
                            <div class="col-md-3 col-sm-6 col-xs-12 mb-20">
                                <div class="product-filter">
                                    <h5>Price</h5>
                                    <div class="price-filter">
                                        <ul>
                                            <li><a href="#">$0.00 - $20.00</a></li>
                                            <li><a href="#">$20.00 - $40.00</a></li>
                                            <li><a href="#">$30.00 - $50.00</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <!-- Product Filter -->
                            <div class="col-md-3 col-sm-6 col-xs-12 mb-20">
                                <div class="product-filter">
                                    <h5>Size</h5>
                                    <div class="product-size">
                                        <ul>
                                            <li><a href="#">Full Size</a></li>
                                            <li><a href="#">L</a></li>
                                            <li><a href="#">M</a></li>
                                            <li><a href="#">S</a></li>
                                            <li><a href="#">XL</a></li>
                                            <li><a href="#">XXL</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <!-- Product Filter -->
                            <div class="col-md-3 col-sm-6 col-xs-12 mb-20">
                                <div class="product-filter">
                                    <h5>Color</h5>
                                    <div class="product-color">
                                        <ul>
                                            <li><a href="#">Blue</a></li>
                                            <li><a href="#">Brown</a></li>
                                            <li><a href="#">Green</a></li>
                                            <li><a href="#"> Pink</a></li>
                                            <li><a href="#">Violet</a></li>
                                            <li><a href="#"> White</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="tab-content jump-3 pt-30">
                        <div id="shop-2" class="tab-pane active">
                            <div class="row">
                                {volist name="goods" id="value" offset="0" length='5'}
                                <div class="col-xl-3 col-lg-3 col-md-4 col-sm-6 col-12">
                                    <div class="product-wrap mb-55">
                                        <div class="product-img pro-theme-color-border">
                                            <a href="/product-details.html?id={$value.id}">
                                                <img src="{$value.image}">
                                            </a>
                                            <div class="quickview">
                                                <div class="quick-view-wrap pro_btn">
                                                    <a data-toggle="modal" data-target="#exampleModal" href="#">
                                                        <i class="fa fa-eye" aria-hidden="true"></i>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="product-action product-action-position-1 pro-action-theme-color">
                                                <div class="pro_btn add_tocart">

                                                </div>
                                                <div class="add-to-wishlist pro_btn">

                                                </div>
                                                <div class="add-to-compare pro_btn">

                                                </div>
                                            </div>
                                        </div>
                                        <div class="product-content">
                                            <h3>

                                            </h3>
                                            <div class="product-rating">

                                            </div>
                                            <h4><a href="product-details.html">{$value.name}</a></h4>
                                            <div class="product-price">
                                                <span class="new-price">${$value.price}</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                {/volist}
                            </div>
                            <div class="row">
                                {volist name="goods" id="value" offset="5" length='5'}
                                <div class="col-xl-3 col-lg-3 col-md-4 col-sm-6 col-12">
                                    <div class="product-wrap mb-55">
                                        <div class="product-img pro-theme-color-border">
                                            <a href="/product-details.html?id={$value.id}">
                                                <img src="{$value.image}">
                                            </a>
                                            <div class="quickview">
                                                <div class="quick-view-wrap pro_btn">
                                                    <a data-toggle="modal" data-target="#exampleModal" href="#">
                                                        <i class="fa fa-eye" aria-hidden="true"></i>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="product-action product-action-position-1 pro-action-theme-color">
                                                <div class="pro_btn add_tocart">

                                                </div>
                                                <div class="add-to-wishlist pro_btn">

                                                </div>
                                                <div class="add-to-compare pro_btn">

                                                </div>
                                            </div>
                                        </div>
                                        <div class="product-content">
                                            <h3>

                                            </h3>
                                            <div class="product-rating">

                                            </div>
                                            <h4><a href="product-details.html">{$value.name}</a></h4>
                                            <div class="product-price">
                                                <span class="new-price">${$value.price}</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                {/volist}
                            </div>
                        </div>
                        <div class="pro-pagination-style mt-30 text-center">
                            {$goods|raw}
                        </div>
                    </div>
                </div>
            </div>
            <!-- Modal -->

            <!-- Modal end -->
        </div>
	
<!-- main -->
        <script src="/static/js1/vendor/modernizr-3.6.0.min.js"></script>
        <!-- jquery -->
        <script src="/static/js1/vendor/jquery-3.3.1.min.js"></script>
        <!-- Popper JS -->
        <script src="/static/js1/vendor/popper.js"></script>
        <!-- Bootstrap JS -->
        <script src="/static/js1/vendor/bootstrap.min.js"></script>
        <script src="/static/js1/vendor/bootstrap-notify.min.js"></script>
        <script src="/static/js1/plugins/owl-carousel.js"></script>
        <script src="/static/js1/plugins/slick.js"></script>
        <script src="/static/js1/plugins/jquery.mb.ytplayer.min.js"></script>
        <script src="/static/js1/plugins/magnific-popup.js"></script>
        <script src="/static/js1/plugins/wow.js"></script>
        <script src="/static/js1/plugins/instafeed.js"></script>
        <script src="/static/js1/plugins/countdown.js"></script>
        <script src="/static/js1/plugins/jarallax.min.js"></script>
        <script src="/static/js1/plugins/images-loaded.js"></script>
        <script src="/static/js1/plugins/isotope.js"></script>
        <script src="/static/js1/plugins/tilt.js"></script>
        <script src="/static/js1/plugins/jquery-ui.js"></script>
        <script src="/static/js1/plugins/jquery-ui-touch-punch.js"></script>
        <script src="/static/js1/plugins/easyzoom.js"></script>
        <script src="/static/js1/plugins/resizesensor.js"></script>
        <script src="/static/js1/plugins/sticky-sidebar.js"></script>
        <script src="/static/js1/plugins/scrollup.js"></script>
        <script src="/static/js1/plugins/ajax-mail.js"></script>
        <script src="/static/js1/plugins/skrollr.js"></script>
        <!-- Main JS -->
        <script src="/static/js1/main.js"></script>
</body>
</html>